import React, { Component } from 'react'
import PropTypes from "prop-types"

import NavBar from './NavBar';
import NavBar2 from './NavBar2';

NavBar.PropTypes = {

}
// NavBar.defaultProps = {
//   children
// }
export default class App extends Component {
  render() {
    const leftJsx = <span>aaa</span>
    return (
      <div>
        <NavBar name="" title="" className="">
          <span>aaa</span>
          <strong>bbb</strong>
          <a href='/#'>ccc</a>
        </NavBar>
        <NavBar2
          left={leftJsx}
          centerSlot={<strong>bbb</strong>}
          rightSlot={<a href='/#'>ccc</a>}>
        </NavBar2>
      </div>
    )
  }
}
